<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>Mega Acerto</title>

<link href="/megaacerto/style/css/bootstrapSpaceLab.css"
	rel="stylesheet">

<link rel="stylesheet" type="text/css"
	href="/megaacerto/style/css/styles.css" />
</head>

<body ng-app="myApp" ng-controller="Usuario">

	<div ng-include src="'/megaacerto/page/menu.jsp'"></div>

	<div id="wrap">
		<div id="main" class="container clear-top">
			<div class="row">
				<div class="panel panel-primary" ng-show="novocadastro">
					<div class="panel-heading">
						<h3 class="panel-title">Cadastro de Usuário</h3>
					</div>
					<div class="panel-body">
						<span ng-show="erro"><h4><b>{{msgErro}}</b></h4></span>
						<h4><b>*Todos os campos em vermelho são Obrigatorio.</b></h4>
						<form class="form-horizontal" name="myForm">

							<div class="form-group">
								<label for="inputNome" class="control-label col-xs-2">Nome</label>
								<div class="col-xs-6">
									<input id="inputNome" ng-model="nome" class="form-control"
										ng-required="true">
								</div>
							</div>
							<div class="form-group">
								<label for="inputCPF" class="control-label col-xs-2">CPF</label>
								<div class="col-xs-6">
									<input id="inputCPF" type="text" ng-model="cpf"
										class="form-control" ng-cpf ui-mask="999.999.999-99">
								</div>
							</div>
							<div class="form-group">
								<label for="inputDTNascimento" class="control-label col-xs-2">Data
									de Nascimento</label>
								<div class="col-xs-6">
									<input id="inputDTNascimento" ng-model="dtNascimento"
										ui-mask="99/99/9999" class="form-control" ng-required="true">
								</div>
							</div>

							<div class="form-group">
								<label for="inputSexo" class="control-label col-xs-2">Sexo</label>
								<div class="col-md-6">
									<label class="radio-inline" for="inputSexo"> <input
										type="radio" name="sexo" id="sexo-0" value="1" ng-model="sexo"
										>Masculino
									</label> <label class="radio-inline" for="sexo-1"> <input
										type="radio" name="sexo" id="sexo-1" value="2" ng-model="sexo"
										> Feminino
									</label>
								</div>
							</div>

							<div class="form-group">
								<label for="inputEmail" class="control-label col-xs-2">Email</label>
								<div class="col-xs-6">
									<input type="email" id="inputEmail" ng-model="email"
										class="form-control" ng-required="true">
								</div>
							</div>

							<div class="form-group">
								<label for="inputEmailConfirma" class="control-label col-xs-2">Confime
									Email</label>
								<div class="col-xs-6">
									<input type="email" id="inputEmailConfirma"
										ng-model="confirmEmail" class="form-control"
										name="confirmEmail" placeholder="Confime seu Email"
										ui-validate=" '$value==email' " ui-validate-watch=" 'email' "
										ng-required="true">
								</div>
							</div>

							<div class="form-group">
								<label for="inputSenha" class="control-label col-xs-2">Senha</label>
								<div class="col-xs-6">
									<input id="inputSenha" ng-model="senha" name="senha"
										type="password" class="form-control" ng-minlength="6" maxlength="8"
										ng-required="true">
								</div>
							</div>

							<div class="form-group">
								<label for="inputSenhaConfirma" class="control-label col-xs-2">Confirme
									senha</label>
								<div class="col-xs-6">
									<input id="inputSenhaConfirma" name="confirmSenha"
										ng-model="confirmSenha" type="password" class="form-control"
										placeholder="Confirme senha" ui-validate=" '$value==senha' " maxlength="8"
										ui-validate-watch=" 'senha' " ng-required="true">
								</div>
							</div>

							<legend>Dados para contato</legend>

							<div class="form-group">
								<label for="inputCelular" class="control-label col-xs-2">Celular</label>
								<div class="col-xs-6">
									<input id="inputCelular" ng-model="celular"
										class="form-control" ui-mask="(99)9999-9999?9"
										ng-required="true">
								</div>
							</div>

							<div class="form-group">
								<label for="inputTelefoneResidencial"
									class="control-label col-xs-2">Telefone residêncial</label>
								<div class="col-xs-6">
									<input id="inputTelefoneResidencial" ng-model="residencial"
										class="form-control" ui-mask="(99)9999-9999?9"
										ng-required="true">
								</div>
							</div>

							<div class="form-group">
								<label for="inputTelefoneContato" class="control-label col-xs-2">Telefone
									contato</label>
								<div class="col-xs-6">
									<input id="inputTelefoneContato" ng-model="telContato"
										class="form-control" ui-mask="(99)9999-9999?9">
								</div>
							</div>

							<div class="form-group">
								<label for="inputNomeContato" class="control-label col-xs-2">Nome
									do contato</label>
								<div class="col-xs-6">
									<input id="inputNomeContato" ng-model="nomeContato"
										class="form-control" placeholder="Nome do seu contato">
								</div>
							</div>

							<div class="form-group">
								<label for="inputCEP" class="control-label col-xs-2">CEP</label>
								<div class="col-xs-6">
									<input id="inputCEP" ng-model="cep" class="form-control"
										ui-mask="99999-999">
								</div>
							</div>

							<!-- Select Basic -->
							<div class="form-group">
								<label for="inputEstado" class="control-label col-xs-2">Estado</label>
								<div class="col-md-6">
									<select id="estado" ng-model="estado" ng-required="true"
										name="estado" class="form-control">
										<option value="1">Acre – Rio Branco AC</option>
										<option value="2">Alagoas – Maceió AL</option>
										<option value="3">Amapá – Macapá AP</option>
										<option value="4">Amazonas – Manaus AM</option>
										<option value="5">Bahia – Salvador BA</option>
										<option value="6">Ceará – Fortaleza CE</option>
										<option value="7">Distrito Federal – Brasília DF</option>
										<option value="8">Espírito Santo – Vitória ES</option>
										<option value="9">Goiás – Goiânia GO</option>
										<option value="10">Maranhão – São Luís</option>
										<option value="11">Mato Grosso – Cuiabá MT</option>
										<option value="12">Mato Grosso do Sul – Campo Grande MS</option>
										<option value="13">Minas Gerais – Belo Horizonte MG</option>
										<option value="14">Pará – Belém PA</option>
										<option value="15">Paraíba – João Pessoa JP</option>
										<option value="16">Paraná – Curitiba PR</option>
										<option value="17">Pernambuco – Recife PE</option>
										<option value="18">Piauí – Teresina PI</option>
										<option value="19">Roraima – Boa Vista RR</option>
										<option value="20">Rondônia – Porto Velho RO</option>
										<option value="21">Rio de Janeiro – Rio de Janeiro RJ</option>
										<option value="22">Rio Grande do Norte – Natal RN</option>
										<option value="23">Rio Grande do Sul – Porto Alegre RS</option>
										<option value="24">Santa Catarina – Florianópolis SC</option>
										<option value="25">São Paulo – São Paulo SP</option>
										<option value="26">Sergipe – Aracaju SE</option>
										<option value="27">Tocantins – Palmas TO</option>
									</select>
								</div>
							</div>

							<div class="form-group">
								<label for="inputCidade" class="control-label col-xs-2">Cidade</label>
								<div class="col-xs-6">
									<input id="inputCidade" ng-model="cidade" class="form-control"
										ng-required="true">
								</div>
							</div>

							<div class="form-group">
								<div class="col-xs-offset-2 col-xs-10">
									<button type="button" ng-disabled="myForm.$invalid"
										class="btn btn-primary" ng-click="eviarNovoUsuario();">Enviar</button>
								</div>
							</div>
						</form>
					</div>
				</div>
				<div class="panel panel-primary" ng-show="cadastrado">
					<div class="panel-heading">
						<h3 class="panel-title">Seja bem vindo {{nome}}</h3>
					</div>
					<div class="panel-body">
						<p>Nós da equipe <b>MegaAcerto</b> temos o imenso prazer em te-lo conosco, e principalmente confiar em nosso trabalho e ter escolhi a <b>MegaAcerto</b> para gerenciar seus jogos, queremos dizer que todos as suas informações contidas no site estão seguros.</p>
						
						<p>Pedimos pra que acesse sua conta {{email}}, para validar o mesmo, porquê é com ele que comunicaremos você sobre possiveis ganhos.</p>
						
						<p>Aproveite nossa <b>SUPER-PROMOÇÃO</b> e começe a usar sua sorte conosco, clique <a href="/megaacerto">AQUI</a>.
					</div>
				</div>
				<div class="panel panel-primary" ng-show="processando">
					<div class="panel-heading">
						<h3 class="panel-title">Enviando</h3>
					</div>
					<div class="panel-body">
						<p><b>Aguarde um instante, estamos processando seu cadastro...</b></p>
					</div>
				</div>
				
			</div>
		</div>
	</div>

	<!--Criar Pagefooter  -->
	<div ng-include src="'/megaacerto/page/footer.html'"></div>

	<!-- PARA FAZER MASCARA FUNCIONAR ANGULAR JS/	-->
	<script src="/megaacerto/javascript/recursos/jquery-1.2.6.pack.js"></script>
	<script
		src="/megaacerto/javascript/recursos/jquery.maskedinput-1.1.4.pack.js"></script>

	<script type="text/javascript"
		src="//cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.20/angular.js"></script>

	<script type="text/javascript"
		src="/megaacerto/javascript/control/angular-route.js"></script>

	<script type="text/javascript"
		src="/megaacerto/javascript/recursos/ui-utils.js"></script>
	<script src="/megaacerto/javascript/recursos/cpf.js"></script>
	<script src="/megaacerto/javascript/recursos/cnpj.js"></script>
	<script src="/megaacerto/javascript/recursos/ngCpfCnpj.js"></script>

	<script type="text/javascript"
		src="/megaacerto/javascript/control/usuario.js"></script>
</body>

</html>